.masterslave {
  padding: 1rem 3%;
  .article {
    padding: 0;
  }
}

.dialog-img {
  .weui-dialog {
    height: 98%;
    overflow: auto;
  }
  .vux-slider {
    width: 100%;
    height: calc(100% - 1.6rem);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .vux-swiper {
    width: 98%;
    overflow-y: auto!important;
  }
  .weui-dialog {
    background: transparent;
    width: 100%;
    max-width: 100%; // height: 70%;
    // max-height: 70%;
  }
  .swiper-demo-img img {
    display: block;
    width: 100%;
    max-width: 100%;
    // max-height: 100%;
    border-radius: .2rem;
    @extend %ca;
  }
  .close {
    // margin: .2rem auto 0;
    float: right;
    margin-right: 1%;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    background: #fff;
    border-radius: .2rem;
    box-shadow: 0 0 .4rem rgba($color: #000000, $alpha: .2);
  }
}
// .dialog-acces .weui-dialog {
//     width: 96%;
//     max-width: 96%;
//     height: 50%;
//     max-height: 50%;
// }
.dialog-rich-ctx .weui-dialog {
  width: 96%;
  max-width: 96%;
  height: 80%;
  max-height: 80%;
  .close {
    height: 8%;
    padding-top: 2%;
  }
}

.rich-ctx-box {
  padding: .5rem;
  text-align: left;
  overflow-y: auto;
  height: 92%;
}

.img-box img {
  display: block;
}

.ms-box {
  margin-bottom: 1rem; // box-shadow: 0 0 2px rgba(0, 0, 0, .3);
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  overflow: hidden;
  font-size: .64rem;
  &:last-child {
    margin: 0;
  }
  .ms-box-title {
    padding: .4rem;
    font-weight: 700;
    background: #e0e0e0;
  }
}

.ms-box-list {
  padding: 0 .4rem;
  border: 1px solid #f6f6f6;
  background: #fafafa;
}

.ms-box-list li {
  position: relative;
  font-size: .56rem;
  overflow: hidden;
  padding: .4rem .04rem;
  border-bottom: 1px dashed #e0e0e0;
  &:last-child {
    border: 0;
  }
  span {
    display: block;
    float: left; // @include lineclamp(1);
  }
  .name {
    float: left;
    width: 60%;
    @extend %ct;
    b {
      @include lineclamp(2);
      padding-right: .2rem;
    }
  }
  .size {
    color: #666;
    @extend %ct;
    left: 76%;
    width: 18%;
    @include lineclamp(1);
  }
  .ac-image {
    float: left;
    width: 14%;
    height: 1.6rem;
    background-size: cover;
    background-position: center center;
    border-radius: .16rem;
  }
  .ac-icon {
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    background: #e6e6e6;
    position: relative;
    border-radius: .12rem;
    .iconfont {
      font-size: .72rem;
      @extend %ca;
    }
  }
  .download {
    float: right;
    width: 8%;
    text-align: right;
    color: #aaa;
    .icon-download {
      font-size: .66rem;
      position: relative;
      top: .2rem
    }
    .icon-arrow-right {
      @extend %ct;
      right: 0;
    }
  }
}

li.ms-list-img {
  .name {
    width: 62%;
    left: 16%;
  }
  .size {
    left: 78%;
  }
}

li.ms-list-acces {
  .name {
    width: 64%;
    left: 10%;
    @include lineclamp(1);
  }
  .size {
    left: 76%;
  }
}
